<title>我的页面Bootstrap-Tab</title>

<link rel="stylesheet" href="/js/table/bootstrap-table.min.css">

<div class="page animation-fade page-index">
    <div class="page-content">

        <table id="table" class="table table-border"></table>
        <script type="text/javascript">
            $(function () {

                var data = [
                    { id: 1, name: "矿泉水1", price: "23.0 元" },
                    { id: 1, name: "矿泉水2", price: "23.0 元" },
                    { id: 1, name: "矿泉水3", price: "23.0 元" }
                ];

                $('#table').bootstrapTable({
                    columns:
                    [{
                        field:
                        'id',
                        title:
                        'ID'
                    },
                    {
                        field:
                        'name',
                        title:
                        '商品名称'
                    },
                    {
                        field:
                        'price',
                        title:
                        '价格'
                    }],
                    pageNumber: 1,
                    pageSize: 1,
                    pageList: [1, 5, 10, 20],
                    sidePagination: "client",
                    data: data,
                    pagination: true
                });




            })
        </script>
    </div>
</div>

<script src="/js/table/bootstrap-table.min.js"></script>
<script src="/js/table/bootstrap-table-zh-CN.min.js"></script>
